@charset "utf-8";
@import"reset";
body {
    background-color: skyblue;
    .main{
        border-radius: 40px;
        width: 360px;
        height: 650px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        overflow: hidden;
    }
    .web {
        left: 50%;
        top: -30px;
        z-index: 10;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        overflow: hidden;
        margin-top: 30px;
        position: absolute;
        transform: translateX(-50%);
        background-color: #000000;
    }
    .gamelevel{
        right: 50%;
        z-index: 600;
        top: -30px;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        overflow: hidden;
        margin-top: 30px;
        transition: all 2.5s; 
        position: absolute;
        border-radius: 40px;
        border: 1px solid #000000;  
        transform: translateX(50%);
        background-color: #FFFFFF;
        h2{
            font-size: 42px;
            padding: 130px 65px 10px 65px;
        }
          button {
                h3 {
                    color: #ffffff;
                    font-size: 34px;
                    text-align: center;
                }
                width: 180px;
                height: 48px;
                margin: 190px 65px 0 80px;
                background-color: #000000;
            }
    }
    .switchs{
        left: 100%;
        top: -30px;
        z-index: 300;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        margin-top: 30px;
        transition: all 3.5s;
        overflow: hidden; 
        position: absolute;
        border-radius: 40px;
        border: 1px solid #000000;        
        transform: translateX(0%);
        background-color: #FFFFFF;
        h2{
            font-size: 50px;
            padding: 300px 65px 10px 65px;;
        }
    }
    .finish{
        top: -30px;
        width: 100%;
        height: 100%;
        z-index: 500;
        margin: 0 auto;
        overflow: hidden;
        margin-top: 30px;
        transition: all 2s;
        position: absolute;
        border-radius: 40px;
        border: 1px solid #000000;        
        transform: translateY(-100%);
        background-color: #FFFFFF;
        h2{
            font-size: 50px;
            text-align: center;
            padding: 150px 85px 10px 65px;
        }
         button {
                h3 {
                    color: #ffffff;
                    font-size: 34px;
                    text-align: center;
                }
                width: 180px;
                height: 50px;
                margin: 130px 65px 0 80px;
                background-color: #000000;
            }
        
    }
    .getshow {
        z-index: 700;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        overflow: hidden;
        transition: all 2s;
        position: relative;
        border-radius: 40px;
        transform: translateX(0%);
        border: 1px solid #000000;
        .overall {
            width: 100%;
            height: 100%;
            margin: 0 auto;
            z-index: 900;
            transition: all 1s;
            border-radius: 40px;
            background-color: #FFFFFF;
            .headline {
                h2 {
                    text-align: center;
                    font-size: 90px;
                }
                line-height: 90px;
                padding: 130px 65px 10px 65px;
            }
            .underline {
                h3 {
                    font-size: 15px;
                    text-align: center;
                }
                padding-bottom: 10px;
                margin: 0 65px 0 65px;
                border-bottom: 2px solid #000000;
            }
            button {
                h3 {
                    color: #ffffff;
                    font-size: 36px;
                    text-align: center;
                }
                width: 200px;
                height: 50px;
                margin: 30px 65px 0 80px;
                background-color: #000000;
            }
            .bottom {
                h2 {
                    font-size: 25px;
                    margin: 110px 0 0 65px;
                }
                h3 {
                    font-size: 15px;
                    margin-left: 65px;
                }
            }
        }
    }
}